<!DOCTYPE html>
<html>
    <head>
        <meta ref=""/>
        <title>视差滚动</title>
        <link rel="stylesheet" href="index.css">
    </head>
    <body>
        <div class="bruce">
            <ul class="parallax-scrolling">
                <li>translateZ(-1px)</li>
                <li>translateZ(-2px)</li>
                <li>translateZ(-3px)</li>
            </ul>
            <p>内容</p>
            <ul class="parallax-scrolling">
                <li>translateZ(-1px)</li>
                <li>translateZ(-2px)</li>
                <li>translateZ(-3px)</li>
            </ul>
        </div>
    </body>
</html>